<!-- Header Navbar -->
<nav class="navbar navbar-static-top" role="navigation" xmlns:th="http://www.thymeleaf.org">
	<!-- Sidebar toggle button-->
	<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
		role="button"> <span class="sr-only">Toggle navigation</span>
	</a>
	<!-- Navbar Right Menu -->
	<div class="navbar-custom-menu">
		<ul class="nav navbar-nav">

			<!-- User Account Menu -->
			<li class="dropdown user user-menu">
				<!-- Menu Toggle Button --> <a href="#" class="dropdown-toggle"
				data-toggle="dropdown"> <!-- The user image in the navbar--> <img
					src="img/user.jpg" class="user-image" alt="User Image" /> 
					<!-- hidden-xs hides the username on small devices so only the image appears. -->
					<span class="hidden-xs" th:text="${session.user}!=null?${session.user.username}:''">User</span>
			</a>
				<ul class="dropdown-menu">
					<!-- The user image in the menu -->
					<li class="user-header"><img src="img/user.jpg"
						class="img-circle" alt="User Image" />
						<p>
							<span th:text="${session.user}!=null?${session.user.username}:''">User</span> <small
								th:text="${application.time}">Member since</small>
						</p></li>
					<!-- Menu Body -->

					<!-- Menu Footer-->
					<li class="user-footer">
						<div class="pull-left">
							<a href="#" class="btn btn-default btn-flat">Profile</a>
						</div>
						<div class="pull-right">
							<a href="logout" class="btn btn-default btn-flat">logout</a>
						</div>
					</li>
				</ul>
			</li>
			<!-- Control Sidebar Toggle Button -->
			<li>
				<a href="#" data-toggle="control-sidebar">
					<i class="fa fa-gears"></i>
				</a>
			</li>
		</ul>
	</div>
</nav>